<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div>
        <h1>{{ from1 }}</h1>
        <h4>{{ from2 }}</h4>
        <input type="text" v-model.trim="name"><br>
        <input type="text" v-model.number="age"><br>
        <input type="text" v-model.lazy="adress"><br>
        <button type="submit" class="in">提交</button>
        <button type="submit" class="reset">重置</button>
    </div>
</template>



<script>
export default{
    data(){
        return{
            from1:"个人信息页面",
            from2:"请输入你的个人信息",
            name:'cililin',
            age:'20',
            adress:'佛山'
        }
    }
}

</script>

<style>
.in{
    margin-left: 15px;
}


.reset{
    margin-left: 50px;
    margin-top: 5px;
}

</style>